<template>
   <div id="recruitm">
     <el-col :span="howWidth" v-for="(item,index) in tableArr" :key="index">
       <div class="box">
         <div class="content1">{{ item.key }}</div>
         <div class="content2">{{ item.value == "" ? "待完善" : item.value }}</div>
       </div>
     </el-col>
   </div>
</template>

<script>
  export default {
    name: 'recruitment',
    components: {
    },
    data () {
      return {
        tableArr: [
          {
            key: '公司',
            value: '沈阳格微软件有限责任公司'
          },
          {
            key: '简介',
            value: '沈阳格微软件有限公司成立于1999年07月,主要致力于面向大众的计算机网络与人际智能接口软件的研究开发。'
          },
          {
            key: '法定代表',
            value: 'xxxxxx'
          },
          {
            key: '网址',
            value: 'www.zhangsongdjdjjd'
          },
          {
            key: '电话',
            value: '11564465465'
          },
          {
            key: '邮箱',
            value: 'xxxxxx@4565454'
          },
          {
            key: '地址',
            value: 'xxxxxxxxx'
          },
          {
            key: '求职需求',
            value: '学历需求：计算机专业本科 / 专科毕业生'
          }
        ]
      }
    }
  }
</script>

<style lang="less" scoped>
#recruitm {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 50px;
  .box{
    width: 100%;
    height: 50px;
    display: flex;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    .content1{
      width: 50%;
      height: 50px;
      line-height: 50px;
      text-align: center;
      background-color: #fafafa;
      border-right: 1px solid #333;
      border-bottom: 1px solid #090909;
      color: #333;
      font-size: 16px;
    }
    .content2{
      width: 50%;
      height: 50px;
      line-height: 50px;
      text-align: center;
      background-color: #fafafa;
      border-right: 1px solid #333;
      border-bottom: 1px solid #333;
      color: #b0b0b2;
      font-size: 16px;
    }
  }
}
</style>